/* 
  类组件
  1. 类组件都是通过ES6 class 定义
  2. 定义类组件必须继承 React.Component 或者 React.PureComponent 
  3. 组件名首字母大写
  4. 组件内部实现一个生命周期方法，render函数，render函数里面返回一段JSX
  5. 类组件比函数式组件，多了状态和生命周期
*/
import React from 'react';
class App extends React.Component {
  state = {
    msg: 'TT',
  };
  render() {
    return (
      <div>
        <h1>App {this.state.msg} </h1>
        <button
          onClick={() => {
            // 小程序类似的
            this.setState({
              msg: 'FF',
            });
          }}
        >
          修改state
        </button>
      </div>
    );
  }
}
export default App;
